import React from "react";
import { Table } from 'antd';

class Timi extends React.Component{
  constructor(props){
    super(props)
    this.state = {
      columns:[
        {
          title: '姓名',
          dataIndex: 'name',
          key: 'name',
        },
        {
          title: '年龄',
          dataIndex: 'age',
          key: 'age',
        },
        {
          title: '爱好',
          dataIndex: 'hobby',
          key: 'hobby',
        }
      ],
      data:[
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        },
        {
          name:"赵喆",
          age:18,
          hobby:"LOL"
        }
      ]
    }
  }
  render(){
    return(
      <div>
        <Table columns={this.state.columns} dataSource={this.state.data}
        pagination={{ pageSize:10}}/>
      </div>
    );
  }
}

export default Timi;